﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <title>用户反馈</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_680276_p06flaphix.css" />
  <style type="text/css">
    * {
      margin: 0;
      padding: 0;
    }

    body {
      font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
      line-height: 2;
    }

    li {
      list-style: none;
    }

    html,
    body {
      height: 100%;
    }

    .code-contail {
      height: 100%;
      overflow: hidden;
      background-color: #58c474;
    }

    .code-title {
      margin-top: 20px;
      margin-bottom: 30px;
      color: #fff;
      font-size: 16px;
      text-align: center;
    }

    .code-title>i {
      margin-right: 6px;
    }

    .code-wepper {
      margin-bottom: 32px;
      padding: 0 10px;
      width: 100%;
      box-sizing: border-box;
    }

    .code-wepper-header {
      position: relative;
      height: 42px;
      background-color: #f2f2f2;
      border-bottom: 1px solid #eee;
      line-height: 42px;
      text-align: center;
      color: #666;
      font-size: 14px;
    }

    .code-wepper-body {
      padding: 10px 20px;
      background-color: #fff;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }

    .code-wepper-footer {
      height: 47px;
      background-color: #fff;
      border-top: 1px solid #eee;
      color: #999;
      font-size: 14px;
      line-height: 47px;
      text-align: center;
    }

    .code-tip {
      padding: 0 38px;
      color: #fff;
    }

    .code-tip>ul>li {
      padding-left: 21px;
      font-size: 12px;
      position: relative;
      line-height: 20px;
    }

    .code-tip>ul>li::before {
      content: '●';
      width: 16px;
      position: absolute;
      left: 0;
      top: 0;
      color: #fff;
      text-align: center;
    }

    .code-tip>.name {
      line-height: 30px;
    }

    .code-tip>.name>i {
      margin-right: 7px;
      font-size: 16px !important;
    }

    .form-list {
      display: flex;
      justify-content: flex-start;
      margin-bottom: 80px;
      width: 100%;
    }

    .button-submit {
      width: 100%;
      height: 34px;
      border-style: none;
      color: #fff;
      background-color: #18bf6a;
    }

    .tips {
      color: #999;
      font-size: 14px;
    }

    .textadd {
      margin-top: 4px;
      width: 80%;
      height: 140px;
      border: solid 1px #999;
    }
  </style>
  <script type="text/javascript" src="/entrance-guard/jquery.min.js"></script>
  <script type="text/javascript" src="/entrance-guard/layui.js"></script>
</head>

<body>
<div class="code-contail">
  <div class="code-title">
    <i class="iconfont icon-dingwei"></i>
    <span>蜂鸟智能科技有限公司</span>
  </div>
  <div class="code-wepper">
    <div class="code-wepper-header">
      用户反馈
    </div>
    <div class="code-wepper-body">
      <p class="form-list">
        <span class="tips">意见: </span>
        <textarea class="textadd"></textarea>
      </p>
      <input class="button-submit" type="button" name="button" value="提交" onclick="fsubmit()" />
    </div>
    <div class="code-wepper-footer">
      填写用户反馈
    </div>
  </div>
  <div class="code-footer">
    <div class="code-tip">
      <p class="name">
        <i class="iconfont icon-tixing"></i>提示
      </p>
      <ul>
        <li>用于反馈用户在使用中程序出现的问题</li>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
    var feedBack = {
        baseUrl: "/admin/feedBack/",
    }
    var layer;
    layui.use(['layer', 'form'], function() {
        layer = layui.layer,
            form = layui.form;
    });
</script>
<script th:inline="javascript">
    function fsubmit() {
        var problems = $("#problems").val();
        $.post(feedBack.baseUrl + '/add', {
                "problems": problems
            },
            function(data) {
                if (data.data) {
                    layer.msg('提交成功。', {
                        icon: 1,
                        time: 5000
                    });
                } else {
                    layer.msg('提交失败，请重试。', {
                        icon: 2,
                        time: 5000
                    });
                }
            });
    }
</script>
</body>

</html>
